<template>
  <div class="container-fluid">
    <div class="secondline row">
      <function-item v-for='(item,index) in items'
                     :key="index"
                     :data="item"
                     class="theItems col-md-3 col-sm-3 col-3"></function-item>
    </div>
  </div>
</template>

<script>
import FunctionItem from '@/components/Property/FunctionItem'
export default {
  name: 'FunctionSecondLine',
  data () {
    return {
      items: [
        {
          index: 1,
          icon: '#icon-biaoyang-copy',
          text: '投诉建议',
          path: 'ComplainAppre'
        },
        {
          index: 2,
          icon: '#icon-jiaju3-copy-copy',
          text: '智能家居',
          path: 'SmartHome'
        }, {
          index: 3,
          icon: '#icon-zixunjianyi-copy-copy-copy-copy-copy',
          text: '活动报名',
          path: 'ActiveRegistration'
        },
        {
          index: 4,
          icon: '#icon-zixunjianyi-copy-copy-copy-copy-copy',
          text: '常见问题',
          path: 'CommonHelp'
        }
      ]
    }
  },
  methods: {
  },
  components: {
    FunctionItem
  }
}
</script>
